#Backtop {
    position: fixed;
    right: 0;
    top: 50%;
    background:#fff;
    transform: translateY(-50%);
    z-index: 999;
  }
  #Backtop .box1 {
    display: flex;

    flex-direction: column;
   
    border: 1px solid #dddada;
    box-shadow: 0px 0px 5px rgb(214, 214, 214);
  }
  #Backtop .box1 li {
    height: 50px;
    width: 50px;
    list-style: none;
    /* border: grey 1px solid; */
    text-align: center;
    overflow: hidden;
    border-bottom:1px rgb(214, 208, 208) solid;
  
  }
  #Backtop .box1 li .box2 {
    width: 100px;
    display: flex;
    color: #D9DDE1;
    justify-content: space-between;
    cursor: pointer;
  }
  
  #Backtop .box1 li .box2 div:nth-of-type(1) {
    font-size: 32px;
    line-height: 50px;
    /* display: none; */
    /* transform: translateX(10px); */
    margin: 0 10px;
  }
  #Backtop .box1 li .box2 div:nth-of-type(2) {
    font-size: 14px;
    align-items: center;
  }
  #Backtop .box1 li .box2:hover {
    transform: translateX(-50px);
    color: rgb(7, 17, 27);
  }
  
  #Backtop .card{
      border: orange 1px solid;
  }
  #Backtop .box1 .up{
    font-size: 32px;
    line-height: 50px;
    color: #D9DDE1;
    /* display: none; */
  }
  /* #Backtop .box1  {
    display: none;
  
  } */